<template>
  <div>
    <div class="first-page">
      <router-link to="/firstpage">首页</router-link>
      <router-link to="/classify">分类</router-link>
      <router-link to="/orders">订单</router-link>
      <router-link to="/my">我的</router-link>
    </div>
    <!-- <h2>显示路由切换的页面↓</h2> -->
    <div class="l2-router-view">
      <router-view></router-view>
    </div>
  </div>
</template>

<script>
export default {}
</script>

<style>
.first-page {
  margin-left: 20px;
}
.first-page a {
  margin: 5px;
  text-decoration: none;
  color: #000;
}
.router-link-exact-active,
.router-link-active {
  background-color: aquamarine;
}
.l2-router-view {
  margin-top: 50px;
}
p {
  text-indent: 1.6em;
}
</style>
